<script setup lang="ts">
import { ref } from 'vue';
import Latest from './Latest.vue';

const activeTab = ref(0);
</script>

<template>
  <div class="subject-questions">
    <van-tabs v-model:active="activeTab" animated swipeable>
      <van-tab title="最新题目">
        <Latest />
      </van-tab>
      <!-- 其他标签页可以根据需求保留或删除 -->
    </van-tabs>
  </div>
</template>

<style lang="scss" scoped>
.subject-questions {
  background-color: white;
  border-radius: 12px;
  padding: 16px 24px 24px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  
  :deep(.van-tabs__wrap) {
    padding-bottom: 8px;
    
    .van-tab {
      font-size: 16px;
    }
  }
}
</style>